.detail{
	.title{
	    padding:0 15px;
	    line-height:34px;
	    height:34px;
	    font-weight: bold;
	    color: #0fa9ff;
	    background: rgba(15, 169, 255, 0.2);
	    margin-bottom:34px;
	}
	.color {
	    color:#7298c1
	 }
	/deep/.ivu-input[disabled]{
	    background-color:#fff !important
	}
	/deep/.ivu-form .ivu-form-item-label{
	    color: rgba(50, 73, 114, 1);
	    font-size: 14px;
	    font-weight: bold;
	}
	.upload{
	    position: relative;
	    width: 91px;
	    height:91px;
	    line-height:91px;
	    border: rgba(114, 152, 193, 0.3) solid 1px;
	    text-align: center;
	    color: rgba(114, 152, 193, 1);
	  }
	.upload>img{
	    position: absolute;
	    left: 0;
	    width: 100%;
	    height:100%;
	}
	.upload>video{
	    position: absolute;
	    left: 0;
	    width: 100%;
	    height:100%;
	    object-fit: fill;
	}
	.ivu-upload{
	  float:left;
	  margin-right:20px
	}
	.demo-upload-list{
	    display: inline-block;
	    width: 91px;
	    height: 91px;
	    text-align: center;
	    line-height: 91px;
	    border: 1px solid transparent;
	    border-radius: 4px;
	    overflow: hidden;
	    background: #fff;
	    position: relative;
	    box-shadow: 0 1px 1px rgba(0,0,0,.2);
	    margin-right: 4px;
	}
	.settings{
	    padding:5px 0
	}
	.demo-upload-list img{
	    width: 100%;
	    height: 100%;
	}
	.demo-upload-list-cover{
	    display: none;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    left: 0;
	    right: 0;
	    background: rgba(0,0,0,.6);
	}
	.demo-upload-list:hover .demo-upload-list-cover{
	    display: block;
	}
	.classred{
	    color: rgba(242, 176, 94, 1) !important;
	    border: rgba(242, 176, 94, 1) solid 1px !important;
	}
	.demo-upload-list-cover i{
	    color: #fff;
	    font-size: 20px;
	    cursor: pointer;
	    margin: 0 2px;
	}
	.upload_font{
	  color: rgba(166, 166, 166, 1);
	  font-size: 12px;
	}
	.progress{
	    position: absolute;
	    top:0;
	    left: 0;
	    z-index: 100;
	    width: 100%;
	    height:100%;
	}
	.sku_name{
		height: 50px;
		color: rgba(114, 152, 193, 1);
		background-color: rgba(114, 152, 193, 0.08);
		font-size: 14px;
		line-height: 50px;
		padding:0 15px;
		span{
			color: rgba(50, 73, 114, 1);
	        font-size: 14px;
			margin-right: 15px 
		}
	}
	.sku_info{
		display: flex;
		.addskuvalue{
			color: rgba(15, 169, 255, 1);
	        font-size: 14px;
	        margin-top: 25px
		}
	}
	.sku_value{
		display: flex;
		margin:25px 0 ;
		padding:0 15px;
		>span{
	        font-size: 14px;
			margin-right: 15px 
		}
		.sku_upload{
			margin-top:25px ;
		}
    }
    .buttonList{
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .Submit{
        width: 40%;
        height: 40px;
        border-radius: 4px;
        font-size: 14px;
        margin: 0 5%;
    }
    .closeCate{
        float: right;
        cursor: pointer;
    }
}
.category{
    height: 100%;
    .options{    
        .edit{
            color: #1890ff;
            cursor: pointer;
            margin: 0 5px
        }
        .deletes{
            color: #ed4014;
            cursor: pointer;
            margin: 0 5px
        }
    }
    .cellgroup{
        min-height: 300px;
        position: relative;
        .handleAdd{
            position: absolute;
            width: 100%;
            bottom:50px;
            text-align: center;
        }
        .error{
            padding-top:30px;
            height: 100%;
            display: flex;
            align-items: center;
            justify-content: center;
        }
    }
    .cell{
        height: 50px;
        padding:0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
    }
    .activeCell{
        height: 50px;
        padding:0 16px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        cursor: pointer;
        background: #1890ff ;
        color: #fff;
    }
}